<template>
  <div class="widget widget-view-profile">
    <div class="profile-box d-flex justify-content-between align-items-center">
      <a href="my-profile.html">
        <img :src="loginUserInfo.webUserInfo.headPortrait" style="width: 60px;" alt="image">
      </a>
      <div class="text ms-2">
        <h3><a href="my-profile.html" >{{loginUserInfo.webUserInfo.nickname}}</a></h3>
        <span>{{loginUserInfo.webUserInfo.address}}</span>
      </div>
    </div>
    <ul class="profile-statistics">
      <li>
        <a href="#">
          <span class="item-number">59862</span>
          <span class="item-text">{{loginUserInfo.webUserInfo.likeNum}}</span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="item-number">8591</span>
          <span class="item-text">{{loginUserInfo.webUserInfo.collectionNum}}</span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="item-number">784514</span>
          <span class="item-text">{{loginUserInfo.webUserInfo.fansNum}}</span>
        </a>
      </li>
    </ul>

  </div>
</template>

<script setup>
import {ref,onMounted} from "vue";
import {login} from '@/api/webUser.js'
import {ElMessage} from 'element-plus'
import router from '@/router/index.js'
import useUserStore from '@/stores/loginStore.js'

let loginUserInfo=ref({
  uid:-1,
  webUserInfo:{}
})
onMounted(() => {
  loginUserInfo.value=useUserStore().userModel
})
</script>

<style scoped>

</style>